@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px;font-size:12px;font-family: "宋体"}
ul,ol,dl,li{list-style:none;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{
    color:#5e5e5e;text-decoration:none;
}
a:hover{
    color:#f36;text-decoration:underline;
}
body {
    background:#f6f6f6;
    color:#666;height:100%;
    min-width:1000px;
}
/*浏览器右侧开始*/
#scroll{
    position: fixed;right: 0;top: 0;
    width: 34px;background: #444444;
    height: 100%;z-index: 1;
    .man{
        padding: 5px 0px;
    }
    .coll,.coup,.view,.code,.top{
        margin-top: 15px;padding: 5px 0px;
    }
    .man:hover,.shop:hover,.coll:hover,.coup:hover,.view:hover,.code:hover,.top:hover{
        background-color: #FF3366;
    }
    a{
        display: block;
        height: 26px;
    }
    .man a{
        background: url(../images/sidebar.png) no-repeat 8px 2px;
    }
    .man:hover a{
        background: url(../images/sidebar.png) no-repeat -18px 2px;
    }
    .shop{
        margin-top: 15px;padding-top:10px;padding-bottom: 10px;
        border-top: solid 1px #222222;
        border-bottom: solid 1px #222222;
        a{
            height: 100px;
            background: url(../images/sidebar.png) no-repeat 8px -30px;
        }
    }
    .shop:hover a{
        height: 100px;
        background: url(../images/sidebar.png) no-repeat -18px -30px;
    }
    .shop .num{
        display: inline-block;
        margin-top: 79px;margin-left: 8px;
        width: 18px;height: 18px;color: #fff;
        line-height: 18px;text-align: center;
        background-color: #FF3366;border-radius: 9px;
    }
    .shop:hover .num{
        background-color: #fff;color: #FF3366;
    }
}


#scroll .coll a{
    background: url(../images/sidebar.png) no-repeat 8px -107px;
}
#scroll .coll:hover a{
    background: url(../images/sidebar.png) no-repeat -18px -107px;
}
#scroll .coup a{
    background: url(../images/sidebar.png) no-repeat 8px -131px;
}
#scroll .coup:hover a{
    background: url(../images/sidebar.png) no-repeat -18px -131px;
}
#scroll .view{
    margin-top: 210px;
}
#scroll .view a{
    background: url(../images/sidebar.png) no-repeat 8px -206px;
}
#scroll .view:hover a{
    background: url(../images/sidebar.png) no-repeat -18px -206px;
}
#scroll .code a{
    background: url(../images/sidebar.png) no-repeat 8px -157px;
}
#scroll .code:hover a{
    background: url(../images/sidebar.png) no-repeat -18px -157px;
}
#scroll .top a{
    background: url(../images/sidebar.png) no-repeat 8px -182px;
}
#scroll .top:hover a{
    background: url(../images/sidebar.png) no-repeat -18px -182px;
}


/*顶部开始*/
#toolbar{
    margin: 0 auto;
    width: 1200px;height: 37px;
    .tool_r{
        width: 600px;float: right;
        text-align: right;
        a{
           display: inline-block;
            color: #333;
            padding: 0 4px;
            line-height: 37px; 
        }
        span{
            font-size: 13px;
            color: #E8E2E8;
        }
        .gouwu{
            position: relative;left: 0;top: 0;
            width: 96px;
            text-align: center;
            .gouwudai{
                position: absolute;
                left: 5px;top: 10px;
                display: inline-block;
                width: 16px;height: 18px;
                background: url(../images/icon-total.png)  no-repeat 0 -156px;
            }
            .gouwuqiu{
                position: absolute;
                left: 75px;top: 10px;
                background: #FF3366;
                display: inline-block;
                width: 18px;height: 18px;
                border-radius: 9px;
                text-align: center;
                line-height: 18px;
                color: #fff;
            }
        }
    }
}
/*顶部结束*/

/*头部开始*/
#header{
    background:#fff;
    height: 85px;
    overflow: hidden;
}
#top{
    margin: 0 auto;
    width: 1200px;
}
#top .logo,#top .center,#top .right{
    float: left;
    height: 85px;
}
#top .logo{
    width: 200px;
}
#top .logo a{
    display: inline-block;
    margin-top: 20px;
    width: 200px;height: 45px;
    background: url(../images/header-total.gif) no-repeat -78px -52px;
}
#top .center{
    margin-left: 240px;
    width: 470px;
    background: url(../images/header-total.gif) no-repeat 0px 33px;
}
#top .center a{
    margin: 25px 20px 0 30px;
    display: inline-block;
    width: 100px;height: 40px;
}
#top .right{
    margin-left: 54px;padding: 30px 0;
    width: 236px;
    text-align: right;
}
#top .right input{
    float: left;
}
#top .right .text{
    border: none;
    width: 200px; height: 35px;line-height: 35px;
    background: #EFEFEF;
    text-indent: 5px;
}
#top .right .tijiao{
    border: none;
    cursor: pointer;
    width: 36px;height: 36px;
    background: url(../images/header-total.gif) no-repeat -463px -65px;
}
/*头部结束*/


/*导航开始*/
#mainNav{
    height: 40px;
    background: #2A142B;
}
#mainNav .nav{
    margin: 0 auto;
    width: 1200px;height: 40px;
}
#mainNav .nav ul{
    height: 40px;
}
#mainNav .nav ul li{
    padding: 0 23px;
    float: left;
}
#mainNav .nav a{
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}

#mainNav .nav .first{
    background: #F8285C;
}
#mainNav .nav .first a:hover{
    text-decoration: none;
}
/*导航结束*/

/*主体中间轮播图开始*/
#bg{
    width: 100%;position: relative;height: 420px;
    .li{
        width: 100%;position: absolute;left: 0;top: 0;
        height: 420px;
        a{
            margin: 0 auto;
            display: block;
            width: 720px; height: 420px;
        }
    }
    .pos{
        margin: 0 auto;
        position: relative;
        width: 1200px;
        .con_l,.con_r{
            width: 240px;height: 420px;
        }
        .con_l{
            background: #fff;
            position: absolute;left: 0;top: 0;
            overflow: hidden;
            .minlogo{
                width: 90px;height: 420px;float: left;
                .cate{
                        display: block;margin: 15px 0 15px 10px;
                        width: 70px;height: 75px;float: left;
                    }
                    .cate1{
                        background: url(../images/zhe_icons.png) no-repeat 0 5px;
                    }
                    .cate1:hover{
                        background: url(../images/zhe_icons.png) no-repeat 0 -70px;
                    }
                    .cate2{
                        background: url(../images/zhe_icons.png) no-repeat -560px 5px;
                    }
                    .cate2:hover{
                        background: url(../images/zhe_icons.png) no-repeat -560px -70px;
                    }
                    .cate3{
                        background: url(../images/zhe_icons.png) no-repeat -630px 5px;
                    }
                    .cate3:hover{
                        background: url(../images/zhe_icons.png) no-repeat -630px -70px;
                    }
                    .cate4{
                        background: url(../images/zhe_icons.png) no-repeat -770px 5px;
                    }
                    .cate4:hover{
                        background: url(../images/zhe_icons.png) no-repeat -770px -70px;
                    }
            }
            ul{
                width: 150px;height: 420px;float: left;overflow: hidden;
                li{
                    height: 105px;
                    .list{
                        padding: 15px 10px;
                        width: 140px;height: 75px;float: left;
                        .cate_t{
                            font-size: 16px;font-weight: 700;display: block;
                            margin-bottom: 8px;
                        }
                        .cate_t:hover{
                            text-decoration: none;
                        }
                        a{
                            white-space:nowrap;line-height: 20px;
                        }
                    }
                }
                
            }
            
        }
        .con_r{
            background: #fff;overflow: hidden;
            position: absolute;right: 0;top: 0;
            .shop_num{
                position: relative;
                height: 140px;
                a{
                    display: block;
                }
                a:hover{
                    color: #333333;
                }
                img{
                    position: absolute;left: 0;top: 0;
                }
                .num{
                    position: absolute;left: 15px;top: 30px;
                    width: 100px;height: 60px;line-height: 35px;
                    color: #333333;
                    b{
                        color: #333;font-size: 24px;font-weight: 700;
                        font-family: "微软雅黑";padding-bottom:1px;
                        border-bottom:1px solid #000;
                    }
                    span{
                        display: inline-block;width: 40px;height: 20px;
                        text-align: center;line-height: 20px;
                        border-radius: 10px;
                        background: #FF3366;color: #fff;
                    }
                }
            }
        }
        .con_c{
            position: absolute;left: 245px;top: 350px;
            width: 715px;z-index: 1;
        }
    }
}

#left,#right{
    position: absolute;
    width: 30px;height: 50px;
    background: #3E3E3E;
    opacity: 0.4;
    /*IE透明*/
    filter:alpha(opacity=40);
    cursor: pointer;
    color: #fff;
    line-height: 50px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}
#left{
    left: -5px;top: -170px;
}
#right{
    right: 0;top: -170px;
}
#ul{
    width: 200px;height: 20px;
    position: absolute;
    left: 350px;top: 10px;
}
#ul li{
    list-style: none;
    width: 15px;height: 15px;
    background: #E2E2E2;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
}
#ul li:hover{
    cursor: pointer;
}
/*轮播结束*/


/*今日开始*/
#todayNew{
    margin: 0 auto;
    width: 1200px;
}
#todayNew .title{
    height: 60px;
}
#todayNew .title_l,#todayNew .title_r{
    float: left;
}
#todayNew .title_l{
    width: 330px;
    padding: 20px 0 0 70px;
    background: url(../images/brank.png) no-repeat 20px 22px;
    font-size: 20px;color: #423333;
}
#todayNew .title_l span{
    font-size: 14px;color: #999999;
}
#todayNew .title_r{
    padding-right: 25px;
    width: 575px;
    padding-left: 200px;
}
#todayNew .left,#todayNew .con,#todayNew .right{
    margin-top: 10px;
    padding-left: 40px;
    float: right;line-height: 44px;
    width: 130px;text-align: right;
    font-size: 16px;color: #333;
    font-weight: 400;
}
#todayNew .left{
    width: 160px;
    background: url(../images/header-total.gif) no-repeat -445px -102px;
}
#todayNew .con{
    background: url(../images/header-total.gif) no-repeat -445px -145px;
}
#todayNew .right{
    background: url(../images/header-total.gif) no-repeat -445px -188px;
}
#todayNew .content{
    padding: 10px 10px 10px 15px;
    height: 275px;background: #fff;
    border: solid 1px #E8E8E8;
    margin-bottom: 25px;
}
#todayNew .content .new{
    display: block;
    padding: 10px;float: left;
    width: 368px;
    border: none;
    border-bottom: solid 1px #E8E8E8;
}
#todayNew .content .img{
    border: solid 1px #fff;
}
#todayNew .content .new:hover{
    text-decoration: none;
}
#todayNew .content .img:hover{
    border: solid 1px #E8E8E8;
}
#todayNew .content .pinpai{
    padding: 10px;
    height: 30px;
}
#todayNew .content .pinpai span{
    display:  inline-block;
    height: 30px;vertical-align: top;
    line-height: 30px;
}
#todayNew .content .zhekou{
    color: #433333;
}
#todayNew .content .qiang{
    width: 60px;height: 30px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    margin-left: 170px;
    color: #FF2D5E;
}
#todayNew .content .qiang:hover{
    color: #fff;
    background: #FF2D5E;
}
#todayNew .pinpai_list{
    float: left;
    margin-top: 10px;
    height: 40px;
}
#todayNew .pinpai_list span,#todayNew .pinpai_list .more{
    font-size: 14px;color: #FF2D5E;
    line-height: 50px;
    vertical-align: top;
}
#todayNew .pinpai_list a{
    margin: 0 18px;
}
#todayNew .pinpai_list img:hover{
    opacity: 0.7;
    /*IE透明*/
    filter:alpha(opacity=70);
}
#todayNew .pinpai_list .more{
    margin: 0;
}
/*今日结束*/
//******************************************楼层开始***************************************
/*上部开始*/
#one_floor{
    width: 1200px;height: 422px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#one_floor .left{
    width: 192px;
    height: 422px;
    float: left;
}
#one_floor .left .top{
    width: 192px;height: 90px;font-family: "微软雅黑";
    font-size: 24px;color: #fff;line-height: 90px;text-align: center; 
    position: relative;
    float: left;
}
#one_floor .left .top1{
    background: url(../images/bj.png) no-repeat;
}
#one_floor .left .top2{
    background: url(../images/bj.png) no-repeat 0px -109px;
}
#one_floor .left .top3{
    background: url(../images/bj.png) no-repeat 0 -220px;
}

/*上部结束*/
/*中部开始*/
#one_floor .center{
    width: 192px;
    height: 202px;
    float: left;
    background: #FFF;
    position: relative;
}
#one_floor .center a .zkh{
    width: 16px;
    height: 21px;background: url(../images/zkh.jpg);
    position: absolute;
    top: 95px;
    left: 13px; 
}
#one_floor .center a .ykh{
    width: 16px;
    height: 21px;background: url(../images/ykh.jpg);
    position: absolute;
    top: 95px;
    right: 13px; 
}
#one_floor .center img{
    width: 90px;
    height: 45px;
    display: block;
    margin-top:17px;
    margin-left: 53px; 
}
/*中部结束*/
/*下部开始*/
#one_floor .bottom{
    width: 192px;
    height: 130px;
    float: left;
    background: #FAFAF8;
}
#one_floor .bottom li{
    width: 192px;
    height: 19px;
    margin-left: 35px;
    margin-top: 10px;
}
#one_floor .bottom a{
    color: #333;
    display: inline-block;
    font-family: Hiragino Sans GB,宋体;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    width: 74px;
}
#one_floor .bottom a:hover{
  text-decoration: underline;
}
/*下部结束*/
/*中间图*/

/*中间图结束*/
/*右边图片开始*/
#one_floor .right{
    width: 1005px;
    height: 412px;
    float: left;
    margin-left: 3px;
}

#one_floor .yb{
    display: block;
    position: relative;
    width: 199px;
    height: 199px;
    margin-left: 2px;
    float: left;
}
#one_floor .yb img{
    width: 199px;
    height: 199px;
}
#one_floor .yb b{
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}
#one_floor .yb span{
    display:block;
    width: 96px;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 11;
}
#one_floor .yb span strong{
    display: block;
    width: 96px;
    height: 28px;
    border-bottom: 2px solid transparent;
    font-size: 30px;
    font-family: '微软雅黑';
    font-weight:500;
    color: #F8285C;
    line-height: 28px;
}
#one_floor .yb span em{
    display: block;
    width: 96px;
    color: transparent;
    line-height: 18px;
    font-style: normal;
    padding-top: 5px;
}
/*右边图片结束*/
//******************************************楼层结束***************************************


/*商品列表开始*/
#goodsList{
    margin: 0 auto;margin-top: 20px;
    width: 1200px;
    overflow: hidden;
}
#goodsList .top{
    width: 1194px;height: 90px;
    border-bottom: solid 3px #D4595E;
}
#goodsList .top .top_l{
    width: 190px;font-family: "微软雅黑";
    font-size: 24px;color: #fff;line-height: 90px;text-align: center; 
    float: left;
}
#goodsList .top .top_l{
    background: url(../images/bj.png) no-repeat 0 -334px;
}
#goodsList .top .top_r{
    width: 1004px;font-family: "微软雅黑";
    font-size: 24px;color: #fff;line-height: 90px;text-align: center; 
    float: left;background: greenyellow;
}
#goodsList ul{
    width: 1212px;padding-top: 18px;
}
#goodsList li{
    position: relative;left: 0;top: 0;
    margin: 0 18px 18px 0;
    width: 285px;height: 375px;
    float: left;
    background: #fff;
}
#goodsList li .new{
    position: absolute;left: 0;top: 0;
    width: 37px;height: 37px;
    background: url(../images/new.png) no-repeat;
}
#goodsList li .title{
    line-height: 30px;
    padding-left: 5px;
    color: #333333;
}
#goodsList li .title a{
    color: #333333;
}
#goodsList li .title .xinpin{
    display: inline-block;
    margin-left: 70px;
    color: #BBBBBB;
}
#goodsList li .money{
    padding-left: 5px;
    color: #FF3366;
}
#goodsList li .money .rmb{
    color: #FF3366;font-size: 14px;
    font-family: "微软雅黑";
}
#goodsList li .money .old{
    font-weight: 400;
    color: #BBB;font-size: 14px;
}
#goodsList li .money .thr{
    text-decoration: line-through;
}
#goodsList li .money b{
    color: #FF3366;font-size: 40px;
}
#goodsList li .money .shop{
    display: inline-block;
    text-align: right;
    width: 90px;line-height: 25px;
    background: url(../images/jd2015img.png) no-repeat 0px -53px;
    color: #F36;font-size: 14px;
}
/*商品列表结束*/



#page{
    margin: 0 auto;
    padding-top: 32px;padding-bottom: 85px;
    width: 1200px;text-align: center;
    line-height: 20px;
    a{
        display: block;margin-right: 1px;
        width: 39px;height: 41px;
        float: left;line-height: 41px;text-align: center;
        border-right: solid 1px #E7E7E7;
        border-bottom: solid 1px #D8D8D8;color: #919191;
        background: #fff;font-weight: 700;font-size: 14px;
    }
    a:hover{
        text-decoration: none;
        background: #FF3366;color: #fff;
        border-right: solid 1px #FF3366;
    }
    .cen{
        margin: 0 auto;
        width: 375px;
    }
    .click{
        background: #FF3366;color: #fff;
        border-right: solid 1px #FF3366;
    }
    .btn1,.btn2{
        width: 82px;
    }
    .btn1{
        border-radius: 20px 0 0 20px;
    }
    .btn2{
        border-radius: 0 20px 20px 0;
    }
}
 

#hr{
    border-top: solid 1px #CE003F;
    border-bottom: solid 3px #F8285C;
}
#bottom{
    margin: 0 auto;padding-top: 30px;
    width: 1100px;height: 100px;
    .bo_l,.bo_c,.bo_r{
        float: left;
        height: 130px;
    }
    .bo_l{
        width: 100px;text-align: center;
        line-height: 35px;
    }
    .bo_c{
        width: 830px;
        ul{
            width: 147px;float: left;
            padding-left: 60px;
            p{
                color: #333;font-size: 14px;
                text-align: left;
                font-weight: 700;line-height: 21px;
            }
            li{
                font-size: 6px;color: #C6C6C6;
                a{
                    color: #666; line-height: 22px;
                }
            }
        }
    }
    .bo_r{
        width: 168px;padding-top: 20px;
        line-height: 20px;
        a{
            display: block;float: left;
            width: 90px;height: 50px;
            background: url(../images/service_add.gif) no-repeat 0 -2px;
        }
        span{
            margin-top: 5px;
        }
    }
}

/*友情链接*/
#flink{
    margin: 0 auto;
    padding-left: 10px;
    width: 1090px;line-height: 40px;
    border-bottom: dotted 1px #CCCCCC;
    .more{
        float: right;
    }
}

#copy{
    text-align: center;
    line-height: 50px;color: #C6C6C6;
}
#safe{
    padding-bottom: 30px;
    text-align: center;
    img{
        margin-right: 20px;
    }
}

//**********************首页结束*********************

//**********************列表页**********************
//导航定制
#mainNav .nav .ind{
    margin-left: 770px;
}
//分类信息
#menu{
    overflow: hidden;
    .cate{
        margin: 0 auto;width: 1200px;
        .cate_l,.cate_c{
            margin-top: 10px;
            float: left;
        }
        .cate_l{
            border: solid 1px #F8285C;
            box-shadow: 0px 0px 3px #F8285C;
        }
        .cate_l{
            width: 175px;
            li{
                text-align: left;
                p{
                    height: 40px;padding-left: 50px;
                    a{
                        display: block;
                        line-height: 40px;
                        white-space:nowrap;
                    }
                }
            }
        }
        .cate_c{
            margin-left: 20px;
            width: 1000px;overflow: hidden;
            border: solid 1px #F8285C;
            box-shadow: 0px 0px 3px #F8285C;
            .sx{
                padding: 5px 40px;
                height: 25px;
                span{
                    color: #F8285C;
                }
                a{
                    display: inline-block;width: 50px;height: 25px;
                    line-height: 25px;text-align: center;
                }
                .bx{
                    background: #F8285C;color: #fff;
                    margin-left: 25px;
                }
            }
        }
    }
    
}

#news{
    margin: 0 auto;margin-top: 35px;
    width: 1200px;height: 40px;
    border-bottom: solid 2px #F36;padding-bottom: 5px;
    .tit,.seac1,.seac2,.seac3{
        float: left;
    }
    .tit{
        width: 120px;font-family: "微软雅黑";
        color: #333; font-size: 26px;line-height: 40px;
    }
    .seac1{
        a{
            display: inline-block;margin-top: 13px;
            padding: 0 13px;height: 14px;
            border-right: solid 1px #CBCBCB;
        }
        .red{
            color: #F36;font-weight: 700;
        }
    }
    .seac2{
        a{
            display: inline-block;margin-top: 13px;
            padding: 0 13px;height: 14px;
        }
        .red{
            color: #F36;font-weight: 700;
        }
    }
    .seac3{
        input{
            margin-top: 10px;border: solid 1px #DDDDDD;
            width:80px;height: 20px;background: #F6F6F6;
            line-height: 20px;text-indent: 5px;
        }
        .sub{
            border: none;line-height: 24px;text-align: center;
            color: #fff;font-weight: 700;border-radius: 3px;
            height: 24px;background: #F36;cursor: pointer;
        }
        .sub:hover{
            background: #FF517D;
        }
        .red{
            color: #F36;font-weight: 700;
        }
    }
}













